/**
 * 套餐列表
 */
var pageCurr;
$(function() {
    layui.use('table', function(){
        var table = layui.table
            ,form = layui.form;

        tableIns=table.render({
            elem: '#uesrList'
            ,url:'/menu/getMenuList'
        	,method: 'post' //默认：get请求
            ,cellMinWidth: 80
            ,page: true,
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,limitName: 'limit' //每页数据量的参数名，默认：limit
            },response:{
                statusName: 'code' //数据状态的字段名称，默认：code
                ,statusCode: 200 //成功的状态码，默认：0
                ,countName: 'totals' //数据总数的字段名称，默认：count
                ,dataName: 'list' //数据列表的字段名称，默认：data
            }
            ,cols: [[
                {type:'numbers'}
                ,{field:'cname', title:'菜单名称'}
                ,{field:'menuType', title:'功能开关',toolbar:'#optBar2'}
                ,{field:'sortCode', title:'排序码'}
                ,{field:'url', title: '链接地址'}
                ,{field:'createTime', title: '添加时间',align:'center',unresize: true, sort: true}
                ,{fixed:'right', title:'操作', width:200,align:'center', toolbar:'#optBar'}
            ]]
            ,  done: function(res, curr, count){
                //如果是异步请求数据方式，res即为你接口返回的信息。
                //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                //console.log(res);
                //得到当前页码
                //console.log(curr);
                //得到数据总量
                //console.log(count);
                console.log(res);
                pageCurr=curr;
            }
        });


        //监听工具条
        table.on('tool(userTable)', function(obj){
            var data = obj.data;
            if(obj.event === 'del'){
                //删除
                delMenu(data,data.cid,data.cname);
            } else if(obj.event === 'edit'){
                //编辑
                updateMenu(data,data.cid);
            } else if(obj.event === 'recover'){
                //恢复
                recoverUser(data,data.id);
            }else if(obj.event === 'select'){
                // window.location.href='/menu/menuDetails?cid='+data.cid;
                console.log(data.cid);
            }
        });
        //监听提交
        form.on('submit(userSubmit)', function(data){
            // TODO 校验
            formSubmit(data);
            return false;
        });

    });
    //搜索框
    layui.use(['form','laydate'], function(){
        var form = layui.form ,layer = layui.layer
            ,laydate = layui.laydate;
        //日期
        laydate.render({
            elem: '#insertTimeStart'
        });
        laydate.render({
            elem: '#insertTimeEnd'
        });
        //TODO 数据校验
        //监听搜索框
        form.on('submit(searchSubmit)', function(data){
            //重新加载table
            load(data);
            return false;
        });
    });
});

//提交表单
function formSubmit(obj){
    var currentUser=$("#currentUser").html();
    submitAjax(obj,currentUser);
}
function submitAjax(obj,currentUser){
    $.ajax({
        type: "POST",
        data: $("#menuForm").serialize(),
        url: "/menu/setMenu",
        success: function (data) {
            if (data == "ok") {
                layer.alert("操作成功",function(){
                    layer.closeAll();
                    clearMenu();
                    load(obj);
                    location.reload();
                });
            }else{
                layer.alert(data,function(){
                    layer.closeAll();
                    clearMenu();
                    load(obj);
                });
            }
        },
        error: function () {
            layer.alert("操作请求错误，请您稍后再试",function(){
                layer.closeAll();
                //加载load方法
                load(obj);//自定义
            });
        }
    });
}


//操作执行完清空表单数据
function clearMenu(){
	$("#cid").val("");
	$("#cname").val("");
    $("#url").val("");
}


//新增导航菜单
function addMenu(){
    //打开弹出框
    openMenu(null,"新增导航菜单");
    //重新渲染下form表单 否则复选框无效
    // layui.use(['form', 'upload', 'layer'], function () {
    //
    //     var form = layui.form;
    //     //检查项目添加到下拉框中
    //     $.ajax({
    //         url: '/menu/getMenus',
    //         dataType: 'json',
    //         type: 'get',
    //         success: function (data) {
    //             var tmp='<option value="">当前新增为父导航</option>';
    //             for (var i in data){
    //                 tmp +='<option value="'+data[i].cid+'">'+data[i].cname+'</option>';
    //             }
    //             $("#parentId").html(tmp);
    //             layui.form.render("select");
    //
    //         }
    //     });
    // });
}

//打开弹出框
function openMenu(id,title){
    layer.open({
        type:1,
        title: title,
        fixed:false,
        resize :false,
        shadeClose: true,
        area: ['550px'],
        content:$('#setMenu'),
        end:function(){
        	clearMenu();
        }
    });
}

//更新导航菜单
function updateMenu(obj,cid) {
    $("#cid").val(obj.cid);
    $("#cname").val(obj.cname);
    $("#url").val(obj.url);
    $("#sortCode").val(obj.sortCode);

    var menuType = {0:"已开放",1:"未开放"};
    var temp = '';
    for (var key in menuType){
        if(key == obj.menuType){
            temp += '<input type="radio" name="menuType" value="'+ key +'" title="'+ menuType[key] +'" checked=true/>';
        }
        else{
            temp += '<input type="radio" name="menuType" value="'+ key +'" title="'+ menuType[key] +'" />';
        }
    }

    $("#menuType").html(temp);

    layui.form.render(); //更新全部



    // var parentId = obj.parentId;
    // //处理下拉框
    // layui.use(['form', 'upload', 'layer'], function () {
    //     var form = layui.form;
    //     //检查项目添加到下拉框中
    //     $.ajax({
    //         url: '/menu/getMenus',
    //         dataType: 'json',
    //         type: 'get',
    //         success: function (data) {
    //
    //             var tmp='<option value="">请选择</option>';
    //             for (var i = 0 ;i < data.length;i++){
    //                 if (data[i].cid == parentId){
    //                     tmp +='<option value="'+data[i].cid+'" selected>'+data[i].cname+'</option>';
    //                 }else{
    //                     tmp +='<option value="'+data[i].cid+'">'+data[i].cname+'</option>';
    //                 }
    //             }
    //             $("#parentId").html(tmp);
    //             layui.form.render("select");
    //         }
    //     });
    // });

    //回显数据
    openMenu(cid,"修改导航");
}

//删除导航菜单
function delMenu(obj,cid,cname) {
    console.log(obj);
    console.log(cid);
    console.log(cname);
	var currentUser=$("#currentUser").html();
    if(null!=cid){
        layer.confirm('您确定要删除'+cname+'导航吗？', {
            btn: ['确认','返回'] //按钮
        }, function(){
            $.post("/menu/delMenu",{"cid":cid},function(data){
                if(isLogin(data)){
                    if(data=="ok"){
                        //回调弹框
                        layer.alert("删除成功！",function(){
                            layer.closeAll();
                            //加载load方法
                            load(obj);//自定义
                        });
                    }else{
                        layer.alert(data,function(){
                            layer.closeAll();
                            //加载load方法
                            load(obj);//自定义
                        });
                    }
                }
            });
        }, function(){
            layer.closeAll();
        });
    }
}

//恢复
function recoverUser(obj,id) {
    //console.log("需要恢复的用户id="+id);
	var version=obj.version;
	//console.log("delUser版本:"+version);
    if(null!=id){
        layer.confirm('您确定要恢复'+name+'用户吗？', {
            btn: ['确认','返回'] //按钮
        }, function(){
            $.post("/user/recoverUser",{"id":id,"version":version},function(data){
                if(isLogin(data)){
                    if(data=="ok"){
                        //回调弹框
                        layer.alert("恢复成功！",function(){
                            layer.closeAll();
                            //加载load方法
                            load(obj);//自定义
                        });
                    }else{
                    	layer.alert(data,function(){
                        	layer.closeAll();
                        	//加载load方法
                        	load(obj);//自定义
                        });
                    }
                }
            });
        }, function(){
            layer.closeAll();
        });
    }
}
//解锁用户
function nolockUser(){
    //TODO 给个输入框，让用户管理员输入需要解锁的用户手机号，进行解锁操作即可
    layer.alert("TODO");
}

function load(obj){
    //重新加载table
    tableIns.reload({
        where: obj.field
        , page: {
            curr: pageCurr //从当前页码开始
        }
    });
}

